<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" type="text/css" href="/lib/bootstrap-3.3.7-dist/css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="/lib/swiper/swiper.css"/>
	<link rel="stylesheet" type="text/css" href="/css/base.css"/>
	<link rel="stylesheet" type="text/css" href="/css/shopping.css"/>
	<link rel="stylesheet" type='text/css' href="/fonts/iconfont.css"/>
	<title></title>
</head>
<body>
	<div class="fa">
		<!-- 导航 -->
		<nav class="navbar navbar-default">
		  
		</nav>									
		<!-- 主体-->
		<div class="selector">
			<div class="container">
				<div class="main">
					<!-- 购物车 -->
					<div class="header">
						<span class="quanxuan checked"></span>
						<h1>购物车</h1>
					</div>
					<div class="submit">
						<ul class="product-list-cart">
							
						</ul>
					</div>
					<script type="text/html" id="cartTemplate">
						{{each prodList item}}
						<li class='list-item'>
							<span class="btn-option {{item.isChecked ? 'checked':''}}"></span>
							<div class='product-image'>
								<a href="#">
									<img src="{{item.imgSrc}}" />
								</a>
							</div>
							<div class='product-details'>
								<a href="#">{{item.title}}</a>
								<dl>
									<dt>款式：</dt>
									<dd>{{item.des}}</dd>
								</dl>
							</div>
							<div class='product-quantity'>
								<div class="quantity-group">
									<a href="javascript:;" class='quantity minus' prodId='{{item.id}}'>-</span></a>
									<input type="text" name="" value="{{item.count}}" class='quantity-count'/>
									<a href="javascript:;" class='quantity plus' prodId='{{item.id}}'>+</a>
								</div>
							</div>
							<div class='product-action'>
								<div class="btn-group">
									<button class="btn-back" prodId='{{item.id}}'><span class='iconfont icon-bianji-copy btn-back" prodId='{{item.id}}'></span></button>
									<button class="btn-del" prodId='{{item.id}}'><span class='iconfont icon-shanchu btn-del' prodId='{{item.id}}'></span></button>
								</div>
							</div>
							<div class='product-price'>
								<div class='price1'>
									<span>￥{{item.price}}</span>
									<span>打折后：</span>										
								</div>
								<div class='price2'>
									<span>￥{{item.originPrice}}</span>
									<span>价格：</span>										
								</div>
							</div>
						</li>
						{{/each}}
					</script>
					<!-- 运费 -->
					<div class="checkout-cart-footer">
						<div class='pull pull-left'>
							<div class="panel">
								<h3 class="panel-header">运费估算</h3>
								<!-- 表格 -->
								<form>
								  <fieldset>
								    <div class="form-group">
								      <label for="btn-select1" class="required">国家或地区</label>
								      <select id="btn-select1" class="form-control">
								        <option>中国</option>
								      </select>
								    </div>
								    <div class="form-group">
								      <label for="btn-select2" class="required">州/省</label>
								      <select id="btn-select2" class="form-control">
								        <option>请选择地区、州，或省</option>
										<option>四川省</option>
										<option>河北省</option>
										<option>山东省</option>
										<option>湖南省</option>
								      </select>
								    </div>
									<div class="form-group">
									  <label for="disabledTextInput">邮政编码</label>
									  <input type="text" id="disabledTextInput" class="form-control" placeholder="">
									</div>
								    <button type="submit" class="btn btn-default btn-block active" title="获得报价">获得报价</button>
								  </fieldset>
								</form>
								
							</div>
						</div>
						<div class='pull pull-right'>
							<div class='cart-base-holder'>
								<div class="input-group">
									<span class="input-group-addon">折扣券</span>
									<input type="text" class="form-control" placeholder="选择优惠券或者输入折扣码" readonly data-toggle="modal" data-target="#myModal"/>
								</div>
							</div>
							<div class='cart-base-holder'>
								<div>
									<span>共计商品：</span>
									<span class="price totalCount">123</span>
								</div>
								<div>
									<span>原价：</span>
									<span class="price originPrice">24.00</span>
								</div>
								<div>
									<span>总计：</span>
									<span class="price dazhe">24.00</span>
								</div>
							</div>
							<div class='cart-base-holder'>
								<button type="button" class="btn btn-primary btn-block" title="进行结账">进行结账</button>
							</div>
						</div>
					</div>
					<!-- 模态框 -->
					<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
					  <div class="modal-dialog" role="document">
					    <div class="modal-content">
					      <div class="modal-header">
					        <h4 class="modal-title" id="myModalLabel">选择优惠券或输入折扣码</h4>
					      </div>
					      <div class="modal-body">
							  <!-- 第一部分 -->
					        <form class="form-inline">
					          <div class="form-group">
					            <div class="input-group">
					              <div class="input-group-addon">折扣码</div>
					              <input type="text" class="form-control input-center" id="coupon-code-apply" placeholder="请输入折扣码" title="折扣代码">		              
								  <span class="input-group-btn"><button type="submit" class="btn btn-default active">使用</button></span>
					            </div>
					          </div>			          
					        </form>
							<!-- 第二部分 -->
							<div class="coupons">
								<div class="or">
									<span>或选择一张优惠券</span>
								</div>
								<div class="alert alert-info">你未持有任何一张优惠券</div>
							</div>
					      </div>
					      <div class="modal-footer">
					        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
					        <button type="button" class="btn btn-primary">确定</button>
					      </div>
					    </div>
					  </div>
					</div>
				</div>
			</div>			
		</div>
		<!-- 底部 -->
		<footer>
			
		</footer>
		<!-- 微信 -->
		<div class="aside">
			<a href="#" title="传送讯息给我们"><span class="iconfont icon-weixin"></span></a>
		</div>
	</div>	
	
	<script src="/lib/requirejs/require.js" data-main='/js/shopping.js'></script>
	<script src="/lib/jquery/jquery.min.js"></script>
	<script src="/js/untils.js"></script>
	<script src="/lib/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
	<!-- <script src="../lib/swiper/swiper.js"></script> -->
	<!-- <script src="../js/header-base.js"></script> -->
	<script type="text/javascript">    
		
	</script>
</body>
</html>